  @charset "utf-8";
/*产品详情信息*/
@import  "helpers/_mixins.scss";                  //常用变量定义
// @import  "components/_pagination.scss";                  //常用变量定义

#product{
	margin-top: 30px;
	position: relative;
	.product_picture{
		width: 430px;
		// padding-left: 98px;
		height: 100%; 
		.bigImg{  
			width: 430px; 
			height:430px;
			overflow: hidden;
			position: relative; 
			img{ 
				width: 430x; 
				height: 430px;
			}
			#winSelector{ 
				width:235px; 
				height:210px;
				position:absolute; 
				cursor:crosshair; filter:alpha(opacity=15); 
				-moz-opacity:0.15;  
				opacity:0.15; 
				background-color:#000; 
				border:1px solid #fff;
			}

		}
		.smallImg{
			width: 430x;
			height: 80px;
			margin-top: 15px;
			overflow: hidden;
			.scrollbutton{
				display: inline-block;
				width:29px; 
				height:80px; 
				overflow:hidden; 
				cursor:pointer; 
				float: left;
			}
			.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{
				background-position: -259px -21px;
			}

			.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{
				background-position: -288px -21px;
			}
			#imageMenu {
				height:66px; 
				width:312px; 
				overflow:hidden; 
				float:left;
				li {
					height:66px; 
					width:104px; 
					overflow:hidden; 
					float:left; 
					text-align:center;
					img{
						width:64px; 
						height:64px;
						cursor:pointer;
						margin: 0 20px;
						border: 1px solid #ccc;
					}
				}
				li.active{
					img{
						border: 1px solid $seColor;
					}
				}
			}
		}

	}
	.product_contain{
		width: 459px;
		height: 100%;
		padding: 0 15px 0 28px;
		color: #999;
		font-size: 12px;
	}
}
#bigView{
	position:absolute;
	border: 1px solid #ccc; 
	overflow: hidden; 
	z-index:999;
}

#bigView img{
	position:absolute;
}
.product_contain{
	.product_title{
           span{
           	display:inline-block;
           	width: 459px;
           	/*padding-bottom: 10px;*/
           }
           .title{
            font-size: 18px;
           	color: #333;
           }
           .describe{
            font-size: 14px;
           }
           .point{
           	padding-top: 10px;
           	padding-bottom: 20px;
           	border-bottom: 1px solid #ccc;
           	span{
           		width: auto;
           		padding-bottom: 0;
           	}
            .bonus{
               font-size: 20px;
               color: $seColor;
            }
            .price{
            	text-decoration: line-through;
            	padding-left: 10px;
            }
           }
		}
}
.container_list{
	div{
		width: 100%;
		padding-top: 10px;
	}
	.color_type{
		padding-top: 20px;
		.type_color{
			float: left;
			display: inline-block;
			width: 11%;
		}
	}
	.type_list{
		float: left;
		padding-left:2%;
		width: 89%;
		box-sizing:border-box;
	}
    .type_item{
        display: inline-block;
        padding: 1px 4px;
        border: 1px solid #ccc;
        margin-left: 3px;
        line-height: 15px;
        text-align: center;
        cursor: default;
        margin-bottom: 5px;
        box-sizing:border-box;
        &:hover{
        	border-color:$seColor;
        }
    }
    .type_item.active{
    	border: 1px solid $seColor;
    }
    .stock{
    	color: $seColor;
    }
}
.product_contain .product{
	height: 110px;
	border-bottom: 1px solid #ccc;
	input{
		width: 120px;
		margin-top: 35px;
		border: none;
		color: #fff;
	}
	.collection{
		padding-right: 10px;
		color: #999;
		margin-top: 43px;
		i{
			width: 24px;
			height: 24px;
			background-position: -124px -21px;
			margin-right: 10px;
		}
		&:hover{
			color: $seColor;
		i{
			background-position: -124px -45px;
		}
		}
		
	}
	.collection.active{
		color: $seColor;
		i{
			background-position: -124px -45px;
		}
	}
}
.product_tip{
	padding: 20px 0;
	p{
		display: inline-block;
		width: 459px;
	}
}
#share{
	height: 30px;
	margin: 20px auto 0;
	span{
		line-height: 30px;
	}
	a{
		display: inline-block;
		width: 26px;
		height: 22px;
		background: url(../images/sprite.png) no-repeat;
		margin:4px 0 4px 10px;
	}
	.bshare-weixin{
         background-position: -125px -87px;
	}
	.bshare-qqim{
         background-position: -157px -87px;
	}
	.bshare-sinaminiblog{
         background-position: -189px -87px;
	}
	.bshare-renren{
         background-position: -221px -87px;
	}
	.bshare-qzone{
         background-position: -251px -87px;
	}
	.bshare-weixin:hover{
         background-position: -125px -113px;
	}
	.bshare-qqim:hover{
         background-position: -157px -113px;
	}
	.bshare-sinaminiblog:hover{
         background-position: -189px -113px;
	}
	.bshare-renren:hover{
         background-position: -221px -113px;
	}
	.bshare-qzone:hover{
         background-position: -253px -113px;
	}
}
#product_information{
	width: 1000px;
	margin:40px auto 0;
	.product_details{
		border-bottom: 1px solid #ccc;
		text-align: center;
		padding-bottom: 10px;
		span{
			font-size: 16px;
		}
	}
	.details_list{
		width: 800px;
		margin:20px auto 0;
		overflow: hidden;
		img{
			width: 800px;
			dispaly:block;
		}
	}
}